<!--  -->
<template>
  <div class="dengluxinxibg">
    <div class="biaoge">
      <dv-scroll-board :config="config" class="xxbiao" />
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      config: {
        data: [],
        waitTime: "5000",
        carousel: "page",
        rowNum: 4,
        oddRowBGC: "",
        evenRowBGC: "",
      },
    };
  },

  components: {},

  computed: {},

  methods: {
    tubiao() {},
  },
  mounted() {
    this.tubiao();
    this.$axios
      .post("/fristpage/quOnlineInfo")
      .then((response) => {
        response.data.data.username.forEach((item, index) => {
          this.config.data.push([
            response.data.data.villagenames[index],
            item,
            response.data.data.times[index].split("-")[1]+"/"+response.data.data.times[index].split("-")[2],
          ]);

          this.config =  {...this.config}
        });
      })
      .catch((error) => {
        console.error();
      });
  },
};
</script>
<style lang='less' scoped>
.dengluxinxibg {
  height: 75%;
  padding: 15px;
}
.biaoge {
  height: 220px;
}
.xxbiao {
  width: 100%;
  height: 100%;
  color: #7ee6f8;
  text-align: center;
}
</style>